$(function () {
    into();

    function into() {
        getcategoryId();
        pagemore();
    }

    function getcategoryId() {
        var searchStr = location.search;
        // console.log(searchStr);
        var categoryId = searchStr.substring(12);
        // console.log(categoryId);
        $.ajax({
            type: 'get',
            url: "http://193.112.55.79:9090/api/getcategorybyid",
            dataType: 'json',
            data: {
                'categoryid': categoryId
            },
            success: function (res) {
                //   console.log(res);
                var str = template("getCategoryById", {
                    "data": res.result
                })
                //   console.log(str);
                $(".list-function-title p").html(str);
            }
        })
    }

    function pagemore() {
        var index = 1;
        var searchStr = location.search;
        // console.log(searchStr);
        var categoryId = searchStr.substring(12);
        $.ajax({
            type: 'get',
            url: "http://193.112.55.79:9090/api/getproductlist",
            dataType: 'json',
            data: {
                'pageid': index,
                "categoryid": categoryId
            },
            success: function (res) {
                // console.log(res);
                var pageNum
                if (res.totalCount % res.pagesize == 0) {
                    pageNum = res.totalCount / res.pagesize;
                } else if (res.totalCount % res.pagesize != 0) {
                    pageNum = Math.floor(res.totalCount / res.pagesize) + 1;
                }
                var str = template("pageOpt", {
                    "pageNum": pageNum
                });
                //    console.log(str);
                $('.page').html(str);
                var opt = $(".page option");
                // console.log(opt);
                $(".paging .upPage").on("tap", function () {
                    index--;
                    // console.log(index);
                    if (index < 1) {
                        index = 1;
                    }
                    $(".page option").eq(index - 1).prop("selected", true);
                    aa(categoryId, index)
                })
                $(".paging .downPage").on("tap", function () {
                    index++;
                    // console.log(index);
                    if (index > opt.length) {
                        index = opt.length;
                    }
                    $(".page option").eq(index - 1).prop("selected", true);
                    aa(categoryId, index);
                })
                $(".page").change(function () {
                    var option = $(".page").val();
                    // console.log(option);
                    aa(categoryId, option);
                })
                var arr = template("getProductList", {
                    "arr": res.result
                });
                // console.log(arr);
                $(".list-function-content").html(arr);
            }
        })
    }


    function aa(catid, index) {
        $.get('http://193.112.55.79:9090/api/getproductlist', {
            categoryid: catid,
            pageid: index
        }, function (res) {
            // console.log(res);
            var arr = template("getProductList", {
                "arr": res.result
            });
            // console.log(arr);
            $(".list-function-content").html(arr);
        }, 'json')
    }



})